import React, { Component } from 'react';
import { List, NavBar,Card, Button, WhiteSpace, Flex, Icon, SearchBar } from 'antd-mobile';
import { Link } from "react-router-dom";
import TabBar from '../../components/tabbar/index'
import MsgCard from '../../components/msgCard/index'
import NoDataMsg from '../../components/noDataMsg/index'
// import { Redirect } from 'react-router-dom';
// import './index.css'
const data = [{
    url: 'https://zos.alipayobjects.com/rmsportal/PZUUCKTRIHWiZSY.jpeg',
    id: '2121',
}, {
    url: 'https://zos.alipayobjects.com/rmsportal/hqQWgTXdrlmVVYi.jpeg',
    id: '2122',
}];
class MsgPage extends Component {
    constructor(props) {
        super(props);
        this.state = {
            user: '',
            pwd: '',
            files: data,
            multiple: false,
        }
        this.register = this.register.bind(this)
        this.handleLogin = this.handleLogin.bind(this)
    }

    register() {
        this.props.history.push('/register');
    }

    handleLogin() {
        // this.props.login(this.props.state)

        this.props.history.push('/home/home');

    }
    
    render() {
        const Item = List.Item;
        return (
            <div style={{ backgroundColor: '#F5F5F9'}}>
                <NavBar 
                    mode="dark"
                    key={1}
                >消息</NavBar>
                <List>
                    <Item
                        thumb="https://zos.alipayobjects.com/rmsportal/dNuvNrtqUztHCwM.png"
                        arrow="horizontal"
                        onClick={() => { }}
                    >点赞</Item>
        
                </List>
                <WhiteSpace></WhiteSpace>
                    <MsgCard></MsgCard>
                    <NoDataMsg />
            </div>
        );
    }
}

export default MsgPage;